﻿@model Project_2._2.ViewModels.FeedbackViewModels
@{
    ViewBag.Title = "Contact";
    Layout = "~/Views/Shared/_UserLayoutPage2.cshtml";
}

<script src="~/Script/Validate/jquery.validate.min.js"></script>
<script src="~/Script/Validate/jquery.validate.unobtrusive.min.js"></script>

<style type="text/css">
    .mail_lienhe {
        color: #676767;
    }

        .mail_lienhe:hover {
            color: #ff0000;
        }
</style>

<div style="width:748px; min-height:500px; height:auto; border:2px solid #cfcfcf; border-radius:5px; margin-top:10px">
    <div style="height:54px; width:748px; background:url('../Images/UserDesign/bg_right.png') repeat-x; border-bottom:2px solid #cfcfcf;">
        <div style="width:105px; height:54px; float:left; margin-left:5px;">
            <img src="../Images/UserDesign/car.png" />
        </div>
        <div style="width:638px; height:54px; float:right">
            <span style="font-weight:bold; color:#ffffff; font-family:Tahoma; font-size:14px; line-height:38px">LIÊN HỆ</span>
        </div>
    </div>

    <!--Thông tin liên hệ-->
    <div style="min-height:200px; height:auto; width:740px; margin-left:8px">
        <p style="font-size:20px; font-weight: bold; color: #ff0000; margin-top:8px">Phòng kinh doanh và tư vấn khách hàng</p>
        <p><img src="../Images/UserDesign/con_address.png" />&nbsp; Số 06 Phan Đình Giót - Phường 2 - Quận Tân Bình - TP.HCM</p>
        <a href="#" class="mail_lienhe"><img src="../Images/UserDesign/emailButton.png" />&nbsp; info@dichvuthuexe.net</a>
        <p><img src="../Images/UserDesign/con_tel.png" />&nbsp; (08)2202.2202</p>
        <p><img src="../Images/UserDesign/con_fax.png" />&nbsp; (08)2220.2332</p>
        <p><img src="../Images/UserDesign/con_mobile.png" />&nbsp; (08)3997.1252</p>
    </div>

    <!--Tích hợp Google maps-->
    <div style="min-height: 200px; height: 430px; width: 748px; text-align:center">
        <iframe width="650" height="375" frameborder="0" scrolling="no" marginheight="0"
                marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=vi&amp;geocode=&amp;q=Tr%C6%B0%C6%A1%CC%80ng+Nh%C3%A2n+l%C6%B0%CC%A3c+Qu%C3%B4%CC%81c+t%C3%AA%CC%81,+Phan+%C4%90%C3%ACnh+Gi%C3%B3t,+2,+T%C3%A2n+B%C3%ACnh,+H%E1%BB%93+Ch%C3%AD+Minh,+Vi%E1%BB%87t+Nam&amp;aq=0&amp;oq=truong+nh%C3%A2&amp;sll=10.802503,106.665595&amp;sspn=0.006018,0.009645&amp;ie=UTF8&amp;hq=Tr%C6%B0%C6%A1%CC%80ng+Nh%C3%A2n+l%C6%B0%CC%A3c+Qu%C3%B4%CC%81c+t%C3%AA%CC%81,&amp;hnear=2+Phan+%C4%90%C3%ACnh+Gi%C3%B3t,+2,+T%C3%A2n+B%C3%ACnh,+H%E1%BB%93+Ch%C3%AD+Minh,+Vi%E1%BB%87t+Nam&amp;t=m&amp;ll=10.802614,106.665271&amp;spn=0.006295,0.006295&amp;output=embed"></iframe>
        <br />
        <small>
            <a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=vi&amp;geocode=&amp;q=Tr%C6%B0%C6%A1%CC%80ng+Nh%C3%A2n+l%C6%B0%CC%A3c+Qu%C3%B4%CC%81c+t%C3%AA%CC%81,+Phan+%C4%90%C3%ACnh+Gi%C3%B3t,+2,+T%C3%A2n+B%C3%ACnh,+H%E1%BB%93+Ch%C3%AD+Minh,+Vi%E1%BB%87t+Nam&amp;aq=0&amp;oq=truong+nh%C3%A2&amp;sll=10.802503,106.665595&amp;sspn=0.006018,0.009645&amp;ie=UTF8&amp;hq=Tr%C6%B0%C6%A1%CC%80ng+Nh%C3%A2n+l%C6%B0%CC%A3c+Qu%C3%B4%CC%81c+t%C3%AA%CC%81,&amp;hnear=2+Phan+%C4%90%C3%ACnh+Gi%C3%B3t,+2,+T%C3%A2n+B%C3%ACnh,+H%E1%BB%93+Ch%C3%AD+Minh,+Vi%E1%BB%87t+Nam&amp;t=m&amp;ll=10.802614,106.665271&amp;spn=0.006295,0.006295"
               style="color: #0000FF; text-align: left">Xem Bản đồ cỡ lớn hơn</a>
        </small>
        <br />
        <small>
            <a target="_blank" href="#" style="color: #0000FF; text-align: left">
                Số 6 Phan Đình Giót, P2, Q Tân Bình TP.HCM
            </a>
        </small>
        <br />
    </div>

    <!--Form liên hệ-->
    <div style="min-height:300px; height:auto; width:740px; margin-left:8px">
        @using (Html.BeginForm())
        {
            @Html.ValidationSummary(true)   <!--Hiển thị kiểm lỗi phía server-->
            @Html.AntiForgeryToken()    <!--Chống giả lập yêu cầu-->

            <table style="padding:10px 0 0 34px ; line-height:35px">
                <tr>
                    <td>@Html.LabelFor(m => m.HoTen)<span style="color:red">*</span></td>
                    <td>
                        @Html.TextBoxFor(m => m.HoTen, new { @class = "Textbox" })
                        @Html.ValidationMessageFor(m => m.HoTen)
                    </td>
                </tr>

                <tr>
                    <td>@Html.LabelFor(m => m.Email)<span style="color:red">*</span></td>
                    <td>
                        @Html.TextBoxFor(m => m.Email, new { @class = "Textbox" })
                        @Html.ValidationMessageFor(m => m.Email)
                    </td>
                </tr>

                <tr>
                    <td>@Html.LabelFor(m => m.TieuDe)<span style="color:red">*</span></td>
                    <td>
                        @Html.TextBoxFor(m => m.TieuDe, new { @class = "Textbox", @style = "width:300px" })
                        @Html.ValidationMessageFor(m => m.TieuDe)
                    </td>
                </tr>

                <tr>
                    <td>@Html.LabelFor(m => m.NoiDung)<span style="color:red">*</span></td>
                    <td>
                        @Html.TextAreaFor(m => m.NoiDung, new { @class = "TextArea", @style = "width:400px; height:96px" })
                        @Html.ValidationMessageFor(m => m.NoiDung)
                    </td>
                </tr>

                <tr>
                    <td class="align-right">@Html.LabelFor(m => m.captcha) <span style="color:red">*</span></td>
                    <td>
                        @Html.TextBoxFor(m => m.captcha, new { @class = "Textbox", @style = "width:80px" })
                        <img id="Img3" alt="Captcha image" src="../Captcha/Captcha" style=" margin-bottom:-10px; height:29px;border-radius:4px; " />
                        @Html.ValidationMessageFor(m => m.captcha)
                    </td>
                </tr>

                <tr>
                    <td></td>
                    <td>
                        <input type="submit" class="Button" value=" Gửi " />
                    </td>
                </tr>

                <tr>
                    <td></td>
                    <td>
                        @if (!string.IsNullOrEmpty(ViewBag.SucessMessage))
                        {
                            <div style="color:red; font-weight:bold; font-size:14px">@ViewBag.SucessMessage</div>
                        }
                    </td>
                </tr>

            </table><br />
        }

    </div>
</div>
